<template>
    <div>
        <Modal v-model="modal.search" title="高级搜索" width="1020">
            <Form ref="searchForm" :model="searchForm" :label-width="120">
                <Row>
	<i-col span="12">
	<FormItem label="角色编号"><Row>
	<i-col span="11">
	<FormItem prop="roleIdMin">
	<InputNumber v-model="searchForm.roleIdMin" placeholder="请输入开始角色编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="roleIdMax">
	<InputNumber v-model="searchForm.roleIdMax" placeholder="请输入结束角色编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="角色标题" prop="roleTitle">
	<Input v-model="searchForm.roleTitle" placeholder="请输入角色标题" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="角色描述" prop="roleDescription">
	<Input v-model="searchForm.roleDescription" placeholder="请输入角色描述" clearable/>
</FormItem>
</i-col><i-col span="12">
<FormItem label="是否默认" prop="roleIsDefault">
    
        <Select v-model="searchForm.roleIsDefault" placeholder="是否默认" filterable clearable>
          <Option
            v-for="(option, index) in roleIsDefaultSelect"
            :value="option.value"
            :key="index"
          >{{option.displayValue}}</Option>
        </Select>
    
</FormItem>
	
</i-col>

	<i-col span="12">
	<FormItem label="角色菜单编号"><Row>
	<i-col span="11">
	<FormItem prop="roleMenuIdMin">
	<InputNumber v-model="searchForm.roleMenuIdMin" placeholder="请输入开始角色菜单编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="roleMenuIdMax">
	<InputNumber v-model="searchForm.roleMenuIdMax" placeholder="请输入结束角色菜单编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="版本号"><Row>
	<i-col span="11">
	<FormItem prop="roleMenuVersionMin">
	<InputNumber v-model="searchForm.roleMenuVersionMin" placeholder="请输入开始版本号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="roleMenuVersionMax">
	<InputNumber v-model="searchForm.roleMenuVersionMax" placeholder="请输入结束版本号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="创建时间"><Row>
	<i-col span="11">
	<FormItem prop="roleMenuCreateTimeMin">
	<DatePicker @on-change="searchForm.roleMenuCreateTimeMin=$event" :value="searchForm.roleMenuCreateTimeMin" placeholder="请输入开始创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="roleMenuCreateTimeMax">
	<DatePicker @on-change="searchForm.roleMenuCreateTimeMax=$event" :value="searchForm.roleMenuCreateTimeMax" placeholder="请输入结束创建时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="更新时间"><Row>
	<i-col span="11">
	<FormItem prop="roleMenuUpdateTimeMin">
	<DatePicker @on-change="searchForm.roleMenuUpdateTimeMin=$event" :value="searchForm.roleMenuUpdateTimeMin" placeholder="请输入开始更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="roleMenuUpdateTimeMax">
	<DatePicker @on-change="searchForm.roleMenuUpdateTimeMax=$event" :value="searchForm.roleMenuUpdateTimeMax" placeholder="请输入结束更新时间" type="datetime" format="yyyy-MM-dd HH:mm:ss" style="width: 100%;" clearable></DatePicker>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
		<FormItem label="是否激活" prop="roleMenuIsActive">
		    
		        <Select v-model="searchForm.roleMenuIsActive" placeholder="是否激活" filterable clearable>
		          <Option
		            v-for="(option, index) in isActiveSelect"
		            :value="option.value"
		            :key="index"
		          >{{option.displayValue}}</Option>
		        </Select>
		    
		</FormItem>
	
</i-col><i-col span="12">
	<FormItem label="菜单编号"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuIdMin">
	<InputNumber v-model="searchForm.sysMenuIdMin" placeholder="请输入开始菜单编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuIdMax">
	<InputNumber v-model="searchForm.sysMenuIdMax" placeholder="请输入结束菜单编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="父菜单编号"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuParentIdMin">
	<InputNumber v-model="searchForm.sysMenuParentIdMin" placeholder="请输入开始父菜单编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuParentIdMax">
	<InputNumber v-model="searchForm.sysMenuParentIdMax" placeholder="请输入结束父菜单编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="菜单路径" prop="sysMenuPath">
	<Input v-model="searchForm.sysMenuPath" placeholder="请输入菜单路径" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="菜单名称" prop="sysMenuName">
	<Input v-model="searchForm.sysMenuName" placeholder="请输入菜单名称" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="菜单说明" prop="sysMenuDescription">
	<Input v-model="searchForm.sysMenuDescription" placeholder="请输入菜单说明" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="重定向地址" prop="sysMenuRedirect">
	<Input v-model="searchForm.sysMenuRedirect" placeholder="请输入重定向地址" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="组件" prop="sysMenuComponent">
	<Input v-model="searchForm.sysMenuComponent" placeholder="请输入组件" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="菜单等级"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuMenuLevelMin">
	<InputNumber v-model="searchForm.sysMenuMenuLevelMin" placeholder="请输入开始菜单等级" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuMenuLevelMax">
	<InputNumber v-model="searchForm.sysMenuMenuLevelMax" placeholder="请输入结束菜单等级" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="菜单排序"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuMenuOrderMin">
	<InputNumber v-model="searchForm.sysMenuMenuOrderMin" placeholder="请输入开始菜单排序" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuMenuOrderMax">
	<InputNumber v-model="searchForm.sysMenuMenuOrderMax" placeholder="请输入结束菜单排序" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="菜单配置编号"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuMetaIdMin">
	<InputNumber v-model="searchForm.sysMenuMetaIdMin" placeholder="请输入开始菜单配置编号" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuMetaIdMax">
	<InputNumber v-model="searchForm.sysMenuMetaIdMax" placeholder="请输入结束菜单配置编号" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="菜单名称" prop="sysMenuMetaTitle">
	<Input v-model="searchForm.sysMenuMetaTitle" placeholder="请输入菜单名称" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="菜单图标" prop="sysMenuMetaIcon">
	<Input v-model="searchForm.sysMenuMetaIcon" placeholder="请输入菜单图标" clearable/>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="跳转的页面" prop="sysMenuMetaHref">
	<Input v-model="searchForm.sysMenuMetaHref" placeholder="请输入跳转的页面" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="是否隐藏面包屑"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuMetaHideInBreadMin">
	<InputNumber v-model="searchForm.sysMenuMetaHideInBreadMin" placeholder="请输入开始是否隐藏面包屑" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuMetaHideInBreadMax">
	<InputNumber v-model="searchForm.sysMenuMetaHideInBreadMax" placeholder="请输入结束是否隐藏面包屑" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="是否隐藏菜单"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuMetaHideInMenuMin">
	<InputNumber v-model="searchForm.sysMenuMetaHideInMenuMin" placeholder="请输入开始是否隐藏菜单" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuMetaHideInMenuMax">
	<InputNumber v-model="searchForm.sysMenuMetaHideInMenuMax" placeholder="请输入结束是否隐藏菜单" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="是否缓存"><Row>
	<i-col span="11">
	<FormItem prop="sysMenuMetaNotCacheMin">
	<InputNumber v-model="searchForm.sysMenuMetaNotCacheMin" placeholder="请输入开始是否缓存" style="width: 100%;"/>
</FormItem>
</i-col>
	<i-col span="2" style="text-align: center">-</i-col>
	<i-col span="11">
	<FormItem prop="sysMenuMetaNotCacheMax">
	<InputNumber v-model="searchForm.sysMenuMetaNotCacheMax" placeholder="请输入结束是否缓存" style="width: 100%;"/>
</FormItem>
</i-col>
</Row>
</FormItem>
</i-col><i-col span="12">
	<FormItem label="可访问角色" prop="sysMenuMetaAccess">
	<Input v-model="searchForm.sysMenuMetaAccess" placeholder="请输入可访问角色" clearable/>
</FormItem>
</i-col>

	<i-col span="12">
	<FormItem label="关闭前触发方法名" prop="sysMenuMetaBeforeCloseName">
	<Input v-model="searchForm.sysMenuMetaBeforeCloseName" placeholder="请输入关闭前触发方法名" clearable/>
</FormItem>
</i-col>
</Row>

            </Form>
            <div slot="footer">
                <Button type="text" size="large" @click="resetForm">清空</Button>
                <Button type="text" size="large" @click="cancelModal">取消</Button>
                <Button type="primary" size="large" @click="searchOkModal" :loading="loading.search">查询</Button>
            </div>
        </Modal>
    </div>
</template>

<script>
	import * as utils from '@/api/utils-v2'
	import * as ResponseStatus from '@/api/response-status'
    export default {
        name: 'RoleSysMenuSearch',
        data() {
            return {
                modal: {
                    search: false
                },
                loading: {
                    search: false
                },
                urls: {
                    searchUrl: '/role-sys-menu/admin/pager-cond'
                },
				dataDictCodes: ['IS_ACTIVE','ROLE_IS_DEFAULT'],
				dataDictItems: {},
				isActiveSelect:[],
				roleIsDefaultSelect:[],
                searchForm: {
                    pageNo: 1,
                    pageSize: 10,
                    sortColumn: null,
                    sortOrder: null,
                    roleId: null,
roleIdMin: null, 
roleIdMax: null, 
roleTitle: null,
roleDescription: null,
roleIsDefault: null,
roleIsDefaultMin: null, 
roleIsDefaultMax: null, 
roleMenuId: null,
roleMenuIdMin: null, 
roleMenuIdMax: null, 
roleMenuVersion: null,
roleMenuVersionMin: null, 
roleMenuVersionMax: null, 
roleMenuCreateTime: null,
roleMenuCreateTimeMin: null, 
roleMenuCreateTimeMax: null, 
roleMenuUpdateTime: null,
roleMenuUpdateTimeMin: null, 
roleMenuUpdateTimeMax: null, 
roleMenuIsActive: null,
roleMenuIsActiveMin: null, 
roleMenuIsActiveMax: null, 
sysMenuId: null,
sysMenuIdMin: null, 
sysMenuIdMax: null, 
sysMenuParentId: null,
sysMenuParentIdMin: null, 
sysMenuParentIdMax: null, 
sysMenuPath: null,
sysMenuName: null,
sysMenuDescription: null,
sysMenuRedirect: null,
sysMenuComponent: null,
sysMenuMenuLevel: null,
sysMenuMenuLevelMin: null, 
sysMenuMenuLevelMax: null, 
sysMenuMenuOrder: null,
sysMenuMenuOrderMin: null, 
sysMenuMenuOrderMax: null, 
sysMenuMetaId: null,
sysMenuMetaIdMin: null, 
sysMenuMetaIdMax: null, 
sysMenuMetaTitle: null,
sysMenuMetaIcon: null,
sysMenuMetaHref: null,
sysMenuMetaHideInBread: null,
sysMenuMetaHideInBreadMin: null, 
sysMenuMetaHideInBreadMax: null, 
sysMenuMetaHideInMenu: null,
sysMenuMetaHideInMenuMin: null, 
sysMenuMetaHideInMenuMax: null, 
sysMenuMetaNotCache: null,
sysMenuMetaNotCacheMin: null, 
sysMenuMetaNotCacheMax: null, 
sysMenuMetaAccess: null,
sysMenuMetaBeforeCloseName: null,

                }
            }
        },
        computed: {},
        mounted() {
			            utils.getDataDict(this.dataDictCodes).then(response => {
			              if (response) {
			                this.dataDictItems = response
			                utils.getSelectDictItems(this, 'IS_ACTIVE', 'roleMenuIsActive', 'isActiveSelect')
							utils.getSelectDictItems(this, 'ROLE_IS_DEFAULT', 'roleIsDefault', 'roleIsDefaultSelect')
			              }
			            }).catch(error => {
			              console.log(error)
			            })
		},
        methods: {
            resetForm() {
                this.$refs.searchForm.resetFields()
            },
            cancelModal(modal) {
                this.modal.search = false
            },
            searchOkModal(modal) {
                this.modal.search = false
                this.$emit('searchTable', true)
            }
        }
    }
</script>

<style>
</style>
